<template>
<div class="details">
    <h4>{{info.title}}</h4>
    <hr>
    <div class="content" v-html="info.content"></div>
    <img :src="item.src" alt="" v-for="item in images">
   
</div>
</template>

<script>
export default {
    data(){
        return {
            info: [],
            images:[]
        }
    },
    methods:{
        getData(){
           
            this.$http.get("http://introduce.com").then(result=>{
                if(result.body.state == 0){
                    this.info = result.body.info;
                    this.images = this.info.images
                }
            })
        },
    },
      created() {
            this.getData()
        },
}
</script>

<style>
.details{
    padding: 0 10px
}
  .details  img{
        width: 100%
    }
    .content p{
        text-indent: 16px
    }
    .details h4{
        text-align: center;
        font-size: 16px;
        color: #26a2ff;
        margin-top:10px
    }
   
</style>